<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>伊春旅游路线 - 黑龙江旅游</title>
    <link rel="stylesheet" href="D:\web1\travel\css\base.css" type="text/css" media="all">
    <link rel="stylesheet" href="D:\web1\travel\css\yichun.css" type="text/css" media="all">
    <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
    <div class="main">
        <!-- 顶部搜索栏和导航 -->
        <div class="top-bar">
            <div class="search-box">
                <form action="search.html" method="get">
                    <input type="text" name="keyword" placeholder="搜索景点、攻略...">
                    <button type="submit"><i class="fa fa-search"></i></button>
                </form>
            </div>
            
            <ul class="top-nav">
                <li><a href="D:\web1\travel\html\login.html"><i class="fa fa-user-circle"></i> 登录</a></li>
                <li><a href="D:\web1\travel\html\register.html"><i class="fa fa-user-plus"></i> 注册</a></li>
                <li><a href="D:\web1\travel\html\about.html"><i class="fa fa-info-circle"></i> 关于我们</a></li>
            </ul>
            <button class="menu-toggle"><i class="fa fa-bars"></i></button>
        </div>

        <!-- 主导航菜单 -->
        <div class="main-menu">
            <ul>
                <li><a href="D:\web1\travel\html\index.html">首页</a></li>
                <li><a href="D:\web1\travel\html\history.html">历史沿革</a></li>
                <li><a href="D:\web1\travel\html\geography.html">地理位置</a></li>
                <li><a href="D:\web1\travel\html\culture.html">风俗文化</a></li>
                <li><a href="D:\web1\travel\html\attractions.html">景点选择</a></li>
                <li><a href="D:\web1\travel\html\products.html">名优特产</a></li>
                <li><a href="D:\web1\travel\html\message.html">在线留言</a></li>
            </ul>
        </div>

        <!-- 轮播图 -->
        <div class="banner">
            <div class="carousel">
                <div class="carousel-inner">
                    <div class="carousel-item active">
                        <img src="D:\img\img2.jpg" alt="五大连池">
                    </div>
                    <div class="carousel-item">
                        <img src="D:\img\img85.jpg" alt="大黑河岛">
                    </div>
                    <div class="carousel-item">
                        <img src="D:\img\img84.jpg"alt="黑龙江大桥">
                    </div>
                </div>
                <button class="carousel-control prev"><i class="fa fa-angle-left"></i></button>
                <button class="carousel-control next"><i class="fa fa-angle-right"></i></button>
                <div class="carousel-indicators">
                    <span class="indicator active" data-index="0"></span>
                    <span class="indicator" data-index="1"></span>
                    <span class="indicator" data-index="2"></span>
                </div>
            </div>
        </div>

        <!-- 内容区域 -->
        <div class="content">
             <div class="bar">
                <h3>黑河旅游路线</h3>
            </div>
            <div class="route-container">

                <!-- 行程概览 -->
                <div class="route-overview">
                    <h4><i class="fa fa-info-circle"></i> 行程概览</h4>
                    <p>黑河是中俄边境重要口岸城市，拥有丰富的自然与人文景观。本次行程将带您领略中俄边境风情，探访历史文化遗迹，欣赏五大连池独特的火山地貌，品尝中俄特色美食。</p>
                    
                </div>
                
                <!-- 行程路线 -->
                <div class="daily-itineraries">
                    <h3 class="section-title"><i class="fa fa-calendar-check-o"></i> 每日行程</h3>
                    <!-- 第一天 -->
                    <div class="day-container fade-in" data-day="1">
                        <h3 class="day-title">
                            <span>Day 1</span>
                            <span class="day-desc">黑龙江大桥 → 大黑河岛 → 母亲广场 → 旅俄华侨纪念馆 </span>
                        </h3>
                        
                        <div class="route-map">
                            <div class="route-line"></div>
                            <div class="attraction-points">
                                <div class="attraction-point">
                                    <div class="point-marker pulse"></div>
                                    <h4>黑龙江大桥</h4>
                                    <div class="attraction-image">
                                        <img src="D:\img\img84.jpg" alt="黑龙江大桥">
                                    </div>
                                    <div class="point-info">
                                        <p>连接中国与俄罗斯的重要跨境桥梁，象征着两国友好往来，站在桥上可欣赏界江风光。</p>
                                    </div>
                                </div>
                                
                                <div class="attraction-point">
                                    <div class="point-marker"></div>
                                    <h4>大黑河岛</h4>
                                    <div class="attraction-image">
                                        <img src="D:\img\img85.jpg" alt="大黑河岛">
                                    </div>
                                    <div class="point-info">
                                        <p>位于黑龙江主航道中方一侧，是中俄边境贸易的重要窗口，岛上有多个贸易商城和观光景点。</p>
                                    </div>
                                </div>
                            </div>
                            <div class="attraction-point">
                                    <div class="point-marker"></div>
                                    <h4>母亲广场</h4>
                                    <div class="attraction-image">
                                        <img src="D:\img\img86.jpg" alt="母亲广场">
                                    </div>
                                    <div class="point-info">
                                        <p>以母爱为主题的城市广场，是当地居民休闲娱乐的好去处，广场上的雕塑极具艺术价值。</p>
                                    </div>
                                </div>
                            </div>
                            <div class="attraction-point">
                                    <div class="point-marker"></div>
                                    <h4>旅俄华侨纪念馆</h4>
                                    <div class="attraction-image">
                                        <img src="D:\img\img87.jpg" alt="旅俄华侨纪念馆">
                                    </div>
                                    <div class="point-info">
                                        <p>展示旅俄华侨历史的专题纪念馆，馆内收藏了大量珍贵文物，见证了中俄民间交往的历史。</p>
                                    </div>
                                </div>
                            </div>
                            

                        </div>
                    </div>
                    
                    <!-- 第二天 -->
                    <div class="day-container fade-in" data-day="2">
                        <h3 class="day-title">
                            <span>Day 2</span>
                            <span class="day-desc">温泊 → 五大连池世界地质公园博物馆</span>
                        </h3>
                        
                        <div class="route-map">
                            <div class="route-line"></div>
                            <div class="attraction-points">
                                <div class="attraction-point">
                                    <div class="point-marker pulse"></div>
                                    <h4>温泊</h4>
                                    <div class="attraction-image">
                                        <img src="D:\img\img88.jpg" alt="温泊">
                                    </div>
                                    <div class="point-info">
                                        <p>五大连池著名景点，是一处盆景式的火山奇观，水温常年保持在零上14℃左右，冬季不冻，景色迷人。</p>
                                    </div>
                                </div>
                                
                                <div class="attraction-point">
                                    <div class="point-marker"></div>
                                    <h4>五大连池世界地质公园博物馆</h4>
                                    <div class="attraction-image">
                                        <img src="D:\img\img89.jpg" alt="五大连池世界地质公园博物馆">
                                    </div>
                                    <div class="point-info">
                                        <p>展示五大连池火山地貌形成历史和地质特征的专业博物馆，通过多媒体等多种形式展示火山的奥秘。</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                </div>
                
                <!-- 美食推荐 -->
                <div class="food-section">
                    <h2><i class="fa fa-cutlery"></i> 美食推荐</h2>
                    <div class="food-grid">
                        <div class="food-item">
                            <img src="D:\img\img90.jpg" alt="五大连池河鱼宴">
                            <h4>五大连池河鱼宴</h4>
                            <p>利用五大连池天然矿泉水养殖的鱼类制作的盛宴，肉质鲜嫩，味道鲜美，营养丰富。</p>
                        </div>
                        <div class="food-item">
                            <img src="D:\img\img92.jpg" alt="酱焖嘎牙子">
                            <h4>酱焖嘎牙子</h4>
                            <p>黑河特色菜肴，选用当地产的嘎牙子鱼，用特制酱料焖制而成，酱香浓郁，肉质细嫩。</p>
                        </div>
                        <div class="food-item">
                            <img src="D:\img\img91.jpg" alt="苏波汤">
                            <h4>苏波汤</h4>
                            <p>源自俄罗斯的特色汤品，由牛肉、土豆、圆白菜等食材熬制而成，味道醇厚，营养丰富。</p>
                        </div>
                        <div class="food-item">
                            <img src="D:\img\img93.jpg" alt="俄罗斯肉串">
                            <h4>俄罗斯肉串</h4>
                            <p>受俄罗斯饮食文化影响的特色美食，选用优质牛羊肉，配以特制调料烤制而成，香气扑鼻。</p>
                        </div>
                        
                    </div>
                </div>
            </div>
        </div>

        <!-- 页脚 -->
        <div class="end">
            <p>© 黑龙江旅游网 版权所有</p>
            <p>联系方式：0451-12345678 | 邮箱：info@heilongjiang-tour.com</p>
        </div>
    </div>

    <script src="D:\web1\travel\javaScript\scrip.js"></script>
</body>
</html>